// 引入axios文件
import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'

Vue.use(VueAxios, axios)

// 引入路由
import router from '@/router/index.js'

import { Toast } from 'vant';

// 配置axios实例
const instance = axios.create({
  baseURL: 'http://toutiao.itheima.net',
  timeout: 10000,
//   headers: {'X-Custom-Header': 'foobar'}
});

// 引入token
import {getToken,setToken,delToken} from './token'

// 添加请求拦截器
instance.interceptors.request.use(function (config) {
  if( getToken() ) {
    config.headers.Authorization = `Bearer ${getToken().token}`
  }
  return config;
}, function (error) {
  return Promise.reject(error);
});

// 添加响应拦截器
instance.interceptors.response.use(function (response) {
  // 对响应数据做点什么
  return response;
}, async function (error) {
  if (error.request && error.request.status == 401) {
    if ( getToken() ) {
      try {
        let res = await axios({
          url: 'http://toutiao.itheima.net/v1_0/authorizations',
          method: 'PUT',
          headers: { Authorization: `Bearer ${getToken().refresh_token}`}
        })
        let newToken = getToken()
        setToken({
          ...newToken,
          token: res.data.data.token
        })
        return instance(error.config)
      } catch (error) {
        Toast.fail('您的账户已过期！！');
        delToken();
        router.push('/login');
      }
    } else {
      router.push('/login')
      Toast.fail('您还未登录 请登录！');
    }
  }
  return Promise.reject(error);
})


// 导出接口
export default instance 